<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>箭头函数</title>
</head>
<body>
  <script>
    //箭头函数也是定义函数的一种方式

    //1.以前像这样定义 函数
    const aaa = function () {
      console.log("这是以前定义函数1");
    }
    //2.es6对象字面量中定义函数
    const obj = {
      bbb: function () {
        console.log("这是以前定义函数2");
      },
      ccc() {
        console.log("这是以前定义函数3");
      }
    }
    //3.es6中的箭头函数  const ddd = (参数列表) => {}
    //3.1 放入一个参数,可以省略小括号
    const power = num => {
      return num * num
    }
    //3.2 放入两个参数
    const ddd = (num1, num2) => {
      return num1 + num2
    }
    //3.3 函数中的代码数量问题
    //3.3.1函数中只有一行代码, 可以省略大括号
    const test1 = (num1, num2) => console.log("多行")
    const test11 = (num1, num2) => num1 * num2
    
    //3.3.2函数中有多行代码，正常使用就可以
    const test2 = () => {
      console.log("多行")
      console.log("多行")
      console.log("多行")
    }
  </script>
</body>
</html>